<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="zh-cn">
<head>
    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="Author" content="">
    <meta content=" " name="">
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/css_whir.css"/>
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="js/html5shiv.v3.72.min.js"></script>
    <![endif]--><script type="text/javascript">
    var navID = "3";
    var menuID = "[[${pid}]]";
</script>
</head>

<body>
<!--top-->
<header class="Top">
    <div class="Topbox">
        <div class="logo"><a href="index"></a></div>
        <!-- <a href="#" target="_blank" class="search"></a>-->
        <nav class="MainNav">
            <ul>
                <li><a id="nav1" class="navA" href="index">首页</a></li>
                <li><a id="nav2" class="navA" href="about">关于安时利</a></li>
                <li><a id="nav3" class="navA" href="product">产品中心</a></li>
                <li><a id="nav4" class="navA" href="jumpnews">新闻中心</a></li>
                <li><a id="nav5" class="navA" href="jumpServiceSupport">服务支持</a></li>
                <li><a id="nav6" class="navA" href="toQueryPatner">合作伙伴</a></li>
                <li><a id="nav7" class="navA" href="recruitment">人才招聘</a></li>
                <li><a id="nav8" th:if="${session.user==null}" class="navA" href="jump">登录</a>
                    <a th:if="${session.user!=null}"
                       id="nav8" class="navA" href="logout">退出</a></li>
                <!--                <li><a id="nav9" class="navA" href="jumpRegister">注册</a></li>-->
            </ul>
        </nav>

        <div class="clear"></div>
    </div>
    <div class="clear"></div>
</header>


<script type="text/javascript">
    //导航选中
    $("#nav" + navID).addClass("onnav");
    $( function(){
        $(".MainNav").find("li:last").css("background","");
    })

</script>
<!--top End-->

<aside class="Banner" style=" background:url(images/c.jpg) no-repeat top center;"></aside>

<section class="Contain">
    <div class="ContainBox">
        <aside class="SildeBar">
            <nav class="MenuList">
                <div class="menu_title">
                    <span class="col">PRODCUTS</span>
                    <em class="ali">产品中心</em>
                    <div class="location"><a href="#">首页</a> &gt;<a href="#">产品中心</a></div>
                </div>
                <div class="Menu1">
                    <ul>
                        <li th:each="rank,rankStat:${session.ranks}"><a class="Cate" th:id="${'menu'+rank.pc_id}" th:href="@{/product(pc_id=${rank.pc_id})}" th:text="${rank.pc_name}"></a>
                            <dl>
                                <dt th:each="product,productStat:${products}"><a th:href="@{/product(pc_id=${rank.pc_id},ppc_id=${product.pc_id})}" th:text="${product.pc_name}"></a></dt>
                            </dl>
                        </li>
                    </ul>
                </div>
            </nav>
            <script type="text/javascript">
                //菜单选中
                $("#menu" + menuID).addClass("onmenu");
                $(".onmenu").parents("li").find("dl").slideDown(500);
            </script>
        </aside>
        <section class="MainContent">
            <div class="Content">
                <div class="ProductInfo">
                    <div class="ImgContain">
                        <figure>
                            <em th:text="${productEntity.p_name}"></em>
                            <div id="check">浏览量:<span th:text="${productEntity.p_check+1}"></span></div>
                            <div class="ibox"><img th:src="${productEntity.p_image}" style="width: 500px;height: 330px;" alt="" /></div>
                        </figure>
                    </div>
                    <div class="ProTxt">
                        <div class="TabBox">
                            <ul>
                                <li>产品简介</li>
                                <li>产品特点</li>
                            </ul>
                        </div>
                        <div class="ContBox">
                            <div id="desc" class="Box">

                            </div>
                            <script type="text/javascript">
                                $("#desc").load("[[${productEntity.p_desc}]]");
                            </script>
                            <div id="trait" class="Box"></div>
                            <script type="text/javascript">
                                $("#trait").load("[[${productEntity.p_trait}]]");
                            </script>
                        </div>
                    </div>
                    <span class="reback"><a href="product">[返回]</a></span>
                </div>
            </div>
        </section>
        <div class="clear"></div>
    </div>
</section>

<!--bottom-->
<footer class="Bottomer">
    <div class="Bottom">
        <div class="Bottomnav">
            <ul>
                <li><em></em><a class="bt">关于安时利</a>
                    <dl>
                        <dt><a th:href="@{about}">公司概况</a></dt>
                        <dt><a th:href="@{social_responsibility}">社会责任</a></dt>
                        <dt><a th:href="@{sustained_development}">持续发展</a></dt>
                    </dl>
                </li>
                <li><em></em><a class="bt">产品中心</a>
                    <dl>
                        <dt><a th:href="@{product(pc_id=1)}">医学影像产品</a></dt>
                        <dt><a th:href="@{product(pc_id=2)}">心血管产品</a></dt>
                        <dt><a th:href="@{product(pc_id=3)}">超声产品</a></dt>
                        <dt><a th:href="@{product(pc_id=4)}">血管成像仪</a></dt>
                        <dt><a th:href="@{product(pc_id=5)}">疤痕修复产品</a></dt>
                        <dt><a th:href="@{product(pc_id=6)}">负压创伤治疗系统</a></dt>
                        <dt><a th:href="@{product(pc_id=7)}">安格电子直乙结肠镜</a></dt>
                    </dl>
                </li>
                <li><em></em><a class="bt">新闻中心</a>
                    <dl>
                        <dt><a th:href="@{queryNews(n_category=0)}">公司新闻</a></dt>
                        <dt><a th:href="@{queryNews(n_category=1)}">行业新闻</a></dt>
                        <dt><a th:href="@{queryNews(n_category=2)}">学术资讯</a></dt>
                    </dl>
                </li>
                <li><em></em><a class="bt">服务支持</a>
                    <dl>
                        <dt><a th:href="@{jumpServiceSupport}">ANGC服务</a></dt>
                        <dt><a th:href="@{jumpServiceAddress}">服务网点</a></dt>
                        <dt><a th:href="@{jumpRepair}">网上保修</a></dt>
                        <dt><a th:href="@{jumptoDataRequest}">资料索取</a></dt>
                        <dt><a th:href="@{jumptoComplainSuggest}">投诉建议</a></dt>
                    </dl>
                </li>
                <li><em></em><a class="bt">合作伙伴</a>
                    <dl>
                        <dt><a th:href="@{toQueryPatner}">合作伙伴</a></dt>
                    </dl>
                </li>
                <li><em></em><a class="bt">人才招聘</a>
                    <dl>
                        <dt><a th:href="@{recruitment}">招聘职位</a></dt>
                        <dt><a th:href="@{development}">培养与发展</a></dt>
                        <dt><a th:href="@{salary}">薪酬与福利</a></dt>
                    </dl>
                </li>
            </ul>
        </div>
        <div class="connect">
            <span class="kf">全国客服热线</span>
            <em class="tel">400-000-0004</em>
            <div class="SreachBox">
                <form method="post" action="fuzzy">
                    <input name="n_name" type="text" value="搜索内容" onblur="if(this.value=='')this.value='搜索内容';" onfocus="if(this.value=='搜索内容')this.value='';" />
                    <button class="sreach_btn"><span class="Texthide"></span></button>
                </form>
            </div>
        </div>
    </div>
</footer>
<footer class="BottomRight">
    <div class="Copyright">Copyright © 2015  粤ICP备88888888</div>
</footer>

<script type="text/javascript">
    //整站无图处理
    //jQuery.each(jQuery("img"), function (i, n) { jQuery(n).error(function () { n.src = 'uploadfiles/nopic.jpg'; }); n.src = n.src; });
</script>

<script type="text/javascript">
    function GoSearchUrl() {
        var searchinput = document.getElementById("key");
        if (searchinput.value == "" || searchinput.value == "搜索内容") {
            alert("请输入关键字！");
            searchinput.focus();
            return false;
        }
        if (searchinput.value.length > 50) {
            alert("输入的关键字字数不要过多！");
            searchinput.focus();
            return false;
        }
        CheckString(searchinput.value);
    }

    function GoSreach(rs) {
        window.location = "{$syspath}search/search.aspx?key=" + escape(rs);
        return true;
    }

    function entersearch() {
        //alert(dd);
        var event = window.event || arguments.callee.caller.arguments[0];
        if (event.keyCode == 13) {
            GoSearchUrl();
        }
    }

    function CheckString(s) {
        var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）—|{}【】‘；：”“'。，、？]")
        var rs = "";
        for (var i = 0; i < s.length; i++) {
            rs = rs + s.substr(i, 1).replace(pattern, '');
        }
        if (rs == "") {
            alert("不能输入特殊字符！");
            return false;
        }
        else {
            GoSreach(rs);
        }
    }
</script><!--bottom End-->
</body>
</html>

<script type="text/javascript">
    $(".ProTxt .TabBox").find("li:first").addClass("on");
    $(".ProTxt .ContBox").find(".Box:first").show();
    $(".ProTxt .TabBox").find("li").each(function(i,item){
        $(this).mouseover(function(){
            $(this).addClass("on");
            if($(this).text()=="产品简介"){
                $("#desc").attr("style","display: block;");
                $("#trait").attr("style","display: none;");
            }else{
                $("#trait").attr("style","display: block;");
                $("#desc").attr("style","display: none;");
            }
            $(this).siblings().removeClass("on");
            // Boxshow(i);
        });
    });
    function Boxshow(i){
        $(".ProTxt .ContBox").find(".Box").hide();
        $(".ProTxt .ContBox").find(".Box").eq(i).show();
    }
</script>
